<template>
  <div>
    <header>事件处理</header>
    <ul>
      <li>
        监听事件
        <subscription/>
      </li>
      <li>
        事件处理方法
        <handler/>
      </li>
      <li>
        内联处理器方法
        <inline-handler/>
      </li>
      <li>
        事件修饰符
        <event-modifier/>
      </li>
      <li>
        按键修饰符
        <key-modifier/>
      </li>
      <li>
        系统修饰键
        <system-modifier/>
      </li>
      <li>为什么在HTML中监听事件</li>
    </ul>
  </div>
</template>

<script>
import Subscription from "./samples/Subscription";
import Handler from "./samples/Handler";
import InlineHandler from "./samples/InlineHandler";
import EventModifier from "./samples/EventModifier";
import KeyModifier from "./samples/KeyModifier";
import SystemModifier from "./samples/SystemModifier";

export default {
  name: "Events",
  components: {
    Subscription,
    Handler,
    InlineHandler,
    EventModifier,
    KeyModifier,
    SystemModifier
  }
};
</script>
